<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8"/>
		<title></title>
	</head>
<!--<script type="text/javascript" src="../../../../js/jquery.js" ></script>
<script type="text/javascript" src="../../../../js/bootstrap.min.js" ></script>

<link rel="stylesheet" href="../../../../css/bootstrap.min.css" />-->
<link th:href="@{/css/bootstrap.min.css}"  ></link>
<script th:href="@{/js/jquery.js}"  ></script>
<script th:href="@{/js/bootstrap.min.js}"  ></script>

	<style>
		#User{
			position: absolute;
	 		top: 50px;
	 		left:300px;
	 		width:100%;
	 		height: 550px;
			margin:10px auto 5px auto;
			clear:both;
			/*border: solid 1px darkgray;
			border-top-right-radius: 10px; 
			border-top-left-radius: 10px; 
			border-bottom-right-radius:10px;
			border-bottom-left-radius:10px; */
		}
		.title_1{
			border-bottom:solid 1px #d1ecff;
			border-top:solid 1px #d1ecff;
			text-align:center;
			width:120px;
			left: 30px;
			font-family: 隶书;
			font-size: 25px;
			}
		.title_2{
			border-bottom:solid 1px #d1ecff;
			border-top:solid 1px #d1ecff;
			text-align:center;
			width:120px;
			font-family: 隶书;
			font-size: 25px;
			}
		.title_3{
			border-bottom:solid 1px #d1ecff;
			border-top:solid 1px #d1ecff;
			text-align:center;
			width:120px;
			font-family: 隶书;
			font-size: 25px;
			}
		.title_4{
			border-bottom:solid 1px #d1ecff;
			border-top:solid 1px #d1ecff;
			text-align:center;
			width:120px;
			font-family: 隶书;
			font-size: 25px;
			}
		.title_5{
			border-bottom:solid 1px #d1ecff;
			border-top:solid 1px #d1ecff;
			text-align:center;
			width:120px;
			font-family: 隶书;
			font-size: 25px;
			}
		.title_6{
			border-bottom:solid 1px #d1ecff;
			border-top:solid 1px #d1ecff;
			text-align:center;
			width:120px;
			font-family: 隶书;
			font-size: 25px;
			}
		.title_7{
			border-bottom:solid 1px #d1ecff;
			border-top:solid 1px #d1ecff;
			text-align:center;
			width:150px;
			font-family: 隶书;
			font-size: 25px;
			}
		.title_8{
			border-bottom:solid 1px #d1ecff;
			border-top:solid 1px #d1ecff;
			text-align:center;
			width:120px;
			font-family: 隶书;
			font-size: 25px;
			}
		.title_9{
			border-bottom:solid 1px #d1ecff;
			border-top:solid 1px #d1ecff;
			text-align:center;
			width:120px;
			font-family: 隶书;
			font-size: 25px;
			}
		.title_10{
			border-bottom:solid 1px #d1ecff;
			border-top:solid 1px #d1ecff;
			text-align:center;
			width:120px;
			font-family: 隶书;
			font-size: 25px;
			}	
		.cart_td_1{
			
			border-bottom:solid 1px #d1ecff;
			border-top:solid 1px #d1ecff;
			text-align:center;
			padding:0px;
			width: 120px;
		}
		.cart_td_2{
		
			border-bottom:solid 1px #d1ecff;
			border-top:solid 1px #d1ecff;
			text-align:center;
			padding:0px;
			width: 150px;
			}	
		.del{
			width: 80px;
			font-size: 20px;
			height: 30px;
			padding: 5px;
			background-color:rgb(0,128,192) ;
			color: white;
			border-top-right-radius: 5px; 
			border-top-left-radius: 5px; 
			border-bottom-right-radius:5px;
			border-bottom-left-radius:5px;
		}
	</style>
	
	<body>
	
		<div th:replace="Top :: head"></div>
		<div th:replace="Top :: left"></div>
		<div id="User">
			
			
			<!--//添加员工模块-->
			<!--<div>
			<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"><a th:href="AddOneht">添加员工</a></button>
				
			</div>-->
			
			
			<table style="background: rgb(48,54,67);color: white;" height="50px" border="1" cellspacing="1" cellpadding="0" id="shopping"  >
			    <tr>
			        <td class="title_1">工号</td>
			        <td class="title_2" >用户名</td>
			        <td class="title_3">昵称</td>
			        <td class="title_4">性别</td>
			        <td class="title_5">电话</td>
			        <td class="title_6">住址</td>
			        <td class="title_7">身份证</td>
			        <td class="title_8">婚否</td>
			        <td class="title_9">入职时间</td>
			        <td class="title_10">操作</td>
			    </tr>
			</table>
			<table th:each="user:${user}" border="1" cellspacing="0" cellpadding="0" >
			    <tr>
			        <td colspan="10" class="line"></td>
			    </tr>		            
			    <tr >		            	
			        <td style="height: 50px;" class="cart_td_1" th:text="${user.u_id}"></td>
			        <td class="cart_td_1" th:text="${user.u_username}"></td>
			        <td class="cart_td_1" th:text="${user.u_nickname}"></td>
			        <td class="cart_td_1" th:text="${user.u_sex}"></td>
			        <td class="cart_td_1" th:text="${user.u_phone}"></td>
			        <td class="cart_td_1" th:text="${user.u_homeress}"></td>
			        <td class="cart_td_2" th:text="${user.u_idnum}"></td>
			        <td class="cart_td_1" th:text="${user.u_married}"></td>
			        <td class="cart_td_1" th:text="${user.u_jointime}"></td>
			        
			        <td class="cart_td_1">
			        	
			        	<!--修改信息模块-->
			            <a style="color: white;" th:href="@{updateOne?(id=${user.u_id})}"><button class="btn btn-primary btn-lg updateOne" data-toggle="modal" data-target="#myModal" style="width: 80px;font-size: 20px;height: 30px;padding: 5px;background: rgb(48,54,67)" >修改</button></a>
							
				
			           <!-- <p></p>
			            <input class="del" th:id="${user.u_id}" type="button" value="删除"/>
			             <p></p>-->
			        </td>
			    </tr>
			</table>
			
		</div>
	</body>
	
	<script>
		
		/*$(function(){
			
			$(".del").bind('click',function(){
				alert("你真的要删除吗？？?")
		        var id= $(this).attr('id'); 
		        //alert(id)
			    $.ajax(
			    	{
				       	type:"get",
				       	dataType:"json",
				       	url:"deleteOne",
				       	async:"true",
				       	data:{id:id},
			    	}),
                   
	    			$(this).parent().parent().remove();//删除当前tr
	    			productCount(); 
	    			alert("删除成功");
			      });
			
			
			$(".addone").bind('click',function(){
				var data=$(this).parent().prev().children().children().Input().val();
				alert(data);
			})
			
			$(".updateOne").bind('click',function(){
		 	 var id= $(this).attr('id'); 
				 alert(id)
				  $.ajax(
			    	{
				       	type:"get",
				       	dataType:"json",
				       	url:"updateOne",
				       	async:"true",
				       	data:{id:id},
			    	})
			

		 })
		 	
			
		}) 
		 */
				
			
			
	</script>
	
</html>


